<!--
 * @Author: anshengtyp
 * @Date: 2023-11-27 11:07:35
 * @LastEditTime: 2023-11-29 15:31:22
 * @LastEditors: anshengtyp
 * @Description:
-->

<!-- 任务管理-技术管理 -->
<template>
  <div class="technology">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane name="jssjs">
        <span slot="label"><i class="el-icon-info"></i> 技术设计书</span>
        <technical-Design ref="jssjs" v-if="activeName === 'jssjs'" :pageType="'jssjs'"></technical-Design>
      </el-tab-pane>
      <el-tab-pane name="jszj">
        <span slot="label"><i class="el-icon-info"></i> 技术总结</span>
        <technical-Design ref="jszj" v-if="activeName === 'jszj'" :pageType="'jszj'"></technical-Design>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import technicalDesign from "./components/technicalDesign.vue";
export default {
  components: {
    technicalDesign
  },
  data() {
    return {
      activeName: 'jssjs'
    };
  },

  mounted() {

  },

  methods: {
    handleClick({ name }) {
      this.activeName = name;
      // this.$nextTick(() => {
      //   this.$refs[name].queryTaskList();
      // })
    },
  },
};
</script>
<style lang="scss" scoped>
.technology {
  width: 100%;
}

::v-deep .el-tabs {
  .el-tabs__nav-wrap::after {
    height: 0px !important;
  }
}
</style>
